﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职称设置</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@3.3.4/dist/vue.global.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <script src="https://unpkg.com/element-plus/dist/index.full.min.js"></script>
    <style>
        .nr div {
            margin: 15px;
            margin-left: 0px;
        }
    </style>
</head>
<body>
    <div id="app">
        <div>您正在做的业务是：人力资源--客户化设置--人力资源档案管理设置--职位分类设置--职位分类添加</div>
        <div class="nr">
            <div>
                职位分类编号： <input disabled type="text" value="无需输入" />
            </div>
            <div>
                职位分类名称： <input type="text" v-model="positionName" />
            </div>
            <div>
                <el-button type="primary" v-on:click="cmkAdd">添加</el-button>
                <el-button type="primary" v-on:click="Ret">返回</el-button>
            </div>
        </div>
    </div>

    <script>
        const { createApp, ref } = Vue;

        const app = createApp({
          setup() {

              const positionName = ref('');

             const Ret = () => {
                window.location.href = '/ZWFLSZ/Fan';
             };

             const cmkAdd = async () => {
                  try {
                      // 检查职位分类名称是否为空
                      if (!positionName.value.trim()) {
                          ElementPlus.ElMessage.warning('请输入职位分类名称');
                          return;
                      }

                      // 修改这里：使用正确的URL和请求体格式
                      const response = await axios.post(`/ZWFLSZ/Add`, {
                          name: positionName.value
                      });

                      // 处理成功响应
                      if (response.status ==200) {
                          ElementPlus.ElMessage.error('添加成功');
                          // 添加成功后跳转到列表页
                          Ret();
                      } else {
                          ElementPlus.ElMessage.error('添加失败，状态码：' + response.status);
                      }
                  } catch (error) {
                      ElementPlus.ElMessage.error('添加失败，请重试');
                      console.error('添加职位分类出错:', error);
                  }
              };

             return {
                 Ret,
                 cmkAdd,
                 positionName
             }
          }
        });

        app.use(ElementPlus);
        app.mount('#app');
    </script>
</body>
</html>